<style type="text/css">
    .bg {
        background: #fff;
        padding-top: 48px;
        padding-bottom: 10px;
    }
    .banner img{
        width: 100%;
    }
    .jifen_nav{
        margin: 4px 0;
    }
    .jifen_nav a{
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 12.8px;
        color: #666;
        background: #eeeeee;
        position: relative;
    }
    .jifen_nav a+a{
        border-left: 1px solid #fff;
    }
    .jifen_nav a.active{
        background: #51606f;
        color: #fff;
    }
    .jifen_nav a.active:after {
        content: "";
        position: absolute;
        border: 8px solid transparent;
        border-top: 8px solid #51606f;
        bottom: -16px;
        left: 50%;
        margin-left: -4px;
    }
    .product_list{
        padding: 12px;
        width: calc(100% - 105px);
        background: #fff;
        border-left: 3px solid #eee;
    }
    .product_list li{
        float: left;
        width: calc((100% - 8px) / 2);
        margin-left: 8px;
        margin-bottom: 8px;
        background: #fff;
        border: 1px solid #efefef;
        padding-bottom: 6px;
    }
    .product_list li:nth-child(2n + 1){
        margin-left: 0;
    }
    .product_list li img{
        width: 100%;
        height: 100px;
    }
    .pro_name{
        font-size: 16px;
        color: #333;
        line-height: 38px;
        height: 38px;
        padding-left: 6px;
    }
    .pro_price,.pro_ji{
        font-size: 12.6px;
        color: red;
        padding-left: 6px;
        line-height: 20px;
    }
    .promotion_tab{
        width: 105px;
        background: #fff;
    }
    .promotion_con{
        border-top: 6px solid #eee;
    }
    .promotion_tab a{
        display: block;
        height: 48px;
        line-height: 48px;
        font-size: 12.8px;
        text-align: center;
    }
    .promotion_tab a.active{
        background: #eeeeee;
        color: red;
    }
    .p_banner{
        width: 100%；
    }
</style>



<div class="pro_header">
    <a href="javascript:history.go(-1)" class="return_btn"></a>
    <?= $this->title ?>
    <a href="<?= url(['site/index']) ?>" class="to_home_btn"></a>
</div>


<div class="promotion_con clear_fl">
    <ul class="lf promotion_tab">
        <li>
            <a class="active" href="">促销专区</a>
        </li>
        <li>
            <a href="">吊坠</a>
        </li>
        <li>
            <a href="">挂件</a>
        </li>
        <li>
            <a href="">戒指</a>
        </li>
        <li>
            <a href="">手链</a>
        </li>
        <li>
            <a href="">手镯</a>
        </li>
        <li>
            <a href="">项链</a>
        </li>
        <li>
            <a href="">护肤品</a>
        </li>
    </ul>


    
    <ul class="product_list clear_fl rt">
        <li>
            <a href="<?= url(['site/productDetail']) ?>">
                <img src="/images/3a8dad3f-3a24-4588-a5e8-ca0c15da69f8.jpg">
                <p class="pro_name">白玉平安扣吊坠</p>
                <p class="pro_price">售价 ￥102</p>
                <p class="pro_ji">送积分 90</p>
            </a>
        </li>
        <li>
            <a href="<?= url(['site/productDetail']) ?>">
                <img src="/images/9a3135ff-7858-433b-8192-294cbd4445f9.jpg">
                <p class="pro_name">白玉平安扣吊坠</p>
                <p class="pro_price">售价 ￥102</p>
                <p class="pro_ji">送积分 90</p>
            </a>
        </li>
        <li>
            <a href="<?= url(['site/productDetail']) ?>">
                <img src="/images/94a613e1-58ee-4b50-8bc7-334281c6d922.jpg">
                <p class="pro_name">白玉平安扣吊坠</p>
                <p class="pro_price">售价 ￥102</p>
                <p class="pro_ji">送积分 90</p>
            </a>
        </li>
        <li>
            <a href="<?= url(['site/productDetail']) ?>">
                <img src="/images/3a8dad3f-3a24-4588-a5e8-ca0c15da69f8.jpg">
                <p class="pro_name">白玉平安扣吊坠</p>
                <p class="pro_price">售价 ￥102</p>
                <p class="pro_ji">送积分 90</p>
            </a>
        </li>
        <li>
            <a href="<?= url(['site/productDetail']) ?>">
                <img src="/images/3a8dad3f-3a24-4588-a5e8-ca0c15da69f8.jpg">
                <p class="pro_name">白玉平安扣吊坠</p>
                <p class="pro_price">售价 ￥102</p>
                <p class="pro_ji">送积分 90</p>
            </a>
        </li>
        <li>
            <a href="<?= url(['site/productDetail']) ?>">
                <img src="/images/9a3135ff-7858-433b-8192-294cbd4445f9.jpg">
                <p class="pro_name">白玉平安扣吊坠</p>
                <p class="pro_price">售价 ￥102</p>
                <p class="pro_ji">送积分 90</p>
            </a>
        </li>
        <li>
            <a href="<?= url(['site/productDetail']) ?>">
                <img src="/images/94a613e1-58ee-4b50-8bc7-334281c6d922.jpg">
                <p class="pro_name">白玉平安扣吊坠</p>
                <p class="pro_price">售价 ￥102</p>
                <p class="pro_ji">送积分 90</p>
            </a>
        </li>
        <li>
            <a href="<?= url(['site/productDetail']) ?>">
                <img src="/images/3a8dad3f-3a24-4588-a5e8-ca0c15da69f8.jpg">
                <p class="pro_name">白玉平安扣吊坠</p>
                <p class="pro_price">售价 ￥102</p>
                <p class="pro_ji">送积分 90</p>
            </a>
        </li>
    </ul>
</div>


